<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="../org/angular.min.js"></script>
    <script src="../org/jquery.min.js"></script>
</head>
<body>

<div ng-app="hd">

    <!--使用E-->
    <hd-cms>HDPHP开源框架</hd-cms>

</div>


<script>
    var m = angular.module('hd', []);

    /*hdcms是指令的名字，function中的代码，是构建指令的代码*/
    m.directive('hdCms', function () {
        //构建指令的代码
        return {
            restrict:'EA',   //指生成指令在页面中的表现形式: A 是指attr  E 是指element C 是指class，不建议使用C
            replace: true,
            templateUrl: '../view/hdCms.html'   //引入外部模板
            }
    });
</script>


</body>
</html>

